HTMLify

const cursorDot = document.querySelector("[data-cursor-dot]"),
  cursorOutline = document.querySelector("[data-cursor-outline]");

window.addEventListener("mousemove", function (e) {
  const posX = e.clientX;
  const posY = e.clientY;

  cursorDot.style.left = `${posX}px`;
  cursorDot.style.top = `${posY}px`;

  cursorOutline.style.left = `${posX}px`;
  cursorOutline.style.top = `${posY}px`;

  cursorOutline.animate({ left: `${posX}px`, top: `${posY}px` }, { duration: 250, fill: "forwards" });
});